<template>
	<view class="pageBg">
		<view class="tabBox">
			<fr-custom-tab :tabList="tabList" tabKey="name" curLine="#E93323" curText="#111" textColor="#888" bg-color="#FFF" :margin-r="48" :pad="28" @handleClick="selectTab"></fr-custom-tab>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabList: [
					{value: '0', name: '热门'},
					{value: '1', name: '外科'},
					{value: '2', name: '肿瘤科'},
					{value: '3', name: '妇产科'},
					// {value: '4', name: '内科'},
					// {value: '5', name: '骨科'},
					// {value: '6', name: '针推科'},
					// {value: '7', name: '生殖科'},
					// {value: '8', name: '五官科'},
					// {value: '9', name: '精神科'},
				],
			};
		},
		methods: {
			selectTab(e) {
				this.$tool.printLog(e)
			},
		},
	}
</script>

<style lang="scss" scoped>
.pageBg {
	.tabBox {}
}
</style>
